<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>抱歉，您访问的页面不存在或已删除</title>
    <script src="js/jquery-2.1.1.min.js"></script>
    <style>
        body {background:#ffffff;position:fixed;width:100%;height:100%;}
        .con {width:840px;height:390px;left:50%;margin-left:-420px;top:50%;margin-top:-200px;position:absolute;}
        .left {float:left;width:50%;}
        .right {
        float:right;}
        .left .text {color: #999999;font-size:25px;line-height:48px;}
        .left .time {color: #999999;font-size:20px;margin-top:10px;}
            .left .time span {
                color: #d7312e;font-size:20px;
            }
            .left .time a {
                color: #d7312e;
                font-size: 20px;
            }
    </style>
    <script type="text/javascript">
        $(function () {
            setTimeout("lazyGo();", 1000);  //在一秒之后执行lozyG0()这函数
        });
        function lazyGo() {
            var sec = $("#sec").text();
            $("#sec").text(--sec);     //text()设置或返回被选元素的文本内容。
            if (sec > 0)
                setTimeout("lazyGo();", 1000);
            else
                window.location.href = "/";
        }
    </script> 
</head>

<body>
    <div class="con">
        <div class="left">
            <img src="img/404_06.png" />
            <div class="text">
                非常抱歉<br />您访问的页面不存在或已删除
            </div>
            <div class="time"><span id="sec">1</span>秒后自动返回到上一页面&nbsp;&nbsp;&nbsp;<a href="/">手动返回 >></a></div>
        </div>
        <img src="img/404_03.png" class="right" />

    </div>
</body>
</html>
